<@t.extend file="/template/5.ftl">

	<@t.block name="content">
	<div class="hd">
		<h2 class="title step1">免费注册</h2>
	</div>
	

	<div class="bd">
		<div>${Request["message"]?default("")}</div>
		<div class="reg-form">
		<form id="J_RegForm" name="formRegStep1Main" action="${currentSite.schemaName}/register/done" method="post">
			<input id="tt" name="tt" value="" type="hidden">
			<dl>
				<dd>
					<ul>
						<li id="J_UserNameField" class="field">
							<div class="input">
								<label>会员名：</label>
								<input class="field-text J_Field" name="loginName" value="${user.loginName?default("")}" id="J_UserName" type="text" tabindex="2">
								<div class="tools">
									<div class="J_CharCounter" style="display: none; ">
										<span class="num"></span>个字符
									</div>
								</div>
							</div>
							<#if Request["messagesMap"]?exists && Request["messagesMap"]["loginName"]?if_exists!="">
							<div class="msg show-error">
								<p class="attention">5-20个字符，一个汉字为两个字符，推荐使用中文会员名。一旦注册成功会员名不能修改。</p>
								<p class="error">${Request["messagesMap"]["loginName"]}</p>
								<p class="ok naked">&nbsp;</p>
							</div>
							<#else>
							<div class="msg show-attention">
								<p class="attention">5-20个字符，一个汉字为两个字符，推荐使用中文会员名。一旦注册成功会员名不能修改。</p>
								<p class="error">用户名不能为空。</p>
								<p class="ok naked">&nbsp;</p>
							</div>
							</#if>
						</li>
						<li id="another-name" class="extra">
							<div class="extra-content clearfix">
								<h4>推荐您使用：</h4>
								<ul></ul>
							</div>
						</li>
						<li id="J_EmailField" class="field">
							<div class="input">
								<label>电子邮件地址：</label>
								<input class="field-text J_Field" name="email" id="J_Email" maxlength="100" type="text" tabindex="3" value="${user.email?default("")}">
							</div>
							<#if Request["messagesMap"]?exists && Request["messagesMap"]["email"]?if_exists!="">
							<div class="msg show-error">
								<p class="attention">请输入合法的电子邮件地址。</p>
								<p class="error">${Request["messagesMap"]["email"]}</p>
								<p class="ok naked">&nbsp;</p>
							</div>
							<#else>
							<div class="msg show-attention">
								<p class="attention">请输入合法的电子邮件地址。</p>
								<p class="error">请输入合法的电子邮件地址。</p>
								<p class="ok naked">&nbsp;</p>
							</div>
							</#if>
						</li>
						<li id="J_PasswordField" class="field">
							<div class="input">
								<label>登录密码：</label>
								<input class="field-text J_Field" name="password_" id="J_Password" maxlength="16" type="password" tabindex="4">
								<div class="tools">
									<div id="J_PasswordStatus" style="display: none; ">
										<span id="J_StatusTipTrigger" class="trigger">密码强度：</span>
										<span class="status-bar"><span style="width: 20%;">&nbsp;</span></span>
										<span class="status-result"></span>
										<input type="hidden" class="J_ResultValue" name="_fmm.n._0.pa" value="">
									</div>
									<div id="J_StatusTip" class="status-tip" style="display: none;">
										<span>要想使您的密码更安全，建议您：</span>
										<ul>
											<li>
												- 使用字母和数字组合
											</li>
											<li>
												- 使用特殊字符（如@）
											</li>
											<li>
												- 混合使用大小写
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="msg show-attention">
								<p class="attention">
									6-16个字符，请使用字母加数字或符号的组合密码，不能单独使用字母、数字或符号。<b><a href="http://www.taobao.com/go/act/sale/mima.php" target="_blank">密码设置技巧</a></b>
								</p>
								<p class="error">请填写登录密码</p>
								<p class="ok naked">&nbsp;</p>
							</div>
						</li>
						<li id="J_RePasswordField" class="field">
							<div class="input">
								<label>确认密码：</label>
								<input class="field-text J_Field" name="nickName" id="J_RePassword" maxlength="16" type="password" tabindex="5">
							</div>
							<div class="msg show-attention">
								<p class="attention">请再次输入密码。</p>
								<p class="error">请再次输入密码。</p>
								<p class="ok naked">&nbsp;</p>
							</div>
						</li>
						<li id="J_CodeField" class="field code-field">
							<div class="input">
								<label>验证码：</label>
								<input class="field-text code-input J_Field" maxlength="5" name="middleName" id="J_Code" type="text" tabindex="6">
								<img id="J_CheckCode" class="code-img" onclick="this.src='${currentSite.schemaName}/skins/captcha/stickyCaptcha.jpg?temp='+Math.random()" src="${currentSite.schemaName}/skins/captcha/stickyCaptcha.jpg" align="absmiddle">
								<span>看不清？<a id="J_ChangeCodeImg" href="#">换一张</a></span>
							</div>
							<#if Request["messagesMap"]?exists && Request["messagesMap"]["middleName"]?if_exists!="">
							<div class="msg show-error">
								<p class="attention">请正确输入验证码。</p>
								<p class="error">${Request["messagesMap"]["middleName"]}</p>
								<p class="ok naked">&nbsp;</p>
							</div>
							<#else>
							<div class="msg show-attention">
								<p class="attention">请正确输入验证码。</p>
								<p class="error">请填写验证码</p>
								<p class="ok naked">&nbsp;</p>
							</div>
							</#if>
						</li>
						<li class="submit-field">
							<div class="input">
								<input type="submit" id="J_SubmitBtn" class="submit-btn" value="同意以下协议，提交注册">
								<div class="msg show-attention">
									<p id="J_ShowError" class="error">&nbsp;</p>
								</div>
							</div>
						</li>
					</ul>
				</dd>
			</dl>
		</form>


		<div class="agreements">
			<div class="hook">
				<a id="J_ViewAgreement" title="淘宝网服务协议" href="#agreements-content">《淘宝网服务协议》</a>
			</div>
										
			<ul id="agreements">
				<li>
					<div class="content" id="J_TBAgreement"><p><strong>本协议由您与浙江淘宝网络有限公司共同缔结，本协议具有合同效力。</strong></p>
					<p>本协议中协议双方合称协议方，浙江淘宝网络有限公司在协议中亦称为“淘宝”。</p>
					<p><strong>一、	协议内容及签署</strong></p>
					<p>1.本协议内容包括协议正文及所有淘宝已经发布的或将来可能发布的各类规则。所有规则 为本协议不可分割的组成部分，与协议正文具有同等法律效力。除另行明确声明外，任何淘宝及其关联公司提供的服务（以下称为淘宝网服务）均受本协议约束。<br>
				</li>
			</ul>
		</div>
	</div>


<script type="text/javascript">
    TRegister.CONSTANTS = {
		ERROR_MISS_NICK_NAME: "请填写会员名",
        ERROR_MISS_PASSWORD: "请填写密码",
        ERROR_MISS_PASSWORD_CONFIRM: "请重新填写一遍密码",
        ERROR_MISS_EMAIL: "请输入电子邮箱",
        ERROR_MALFORM_NICK_NAME_TOO_SHORT: "会员名在5-20个字符内",
        ERROR_MALFORM_NICK_NAME_TOO_LONG: "会员名在5-20个字符内",
        ERROR_DUP_NICK_NAME: "该会员名已被使用。您可以:1、重新输入或选择推荐的会员名。2、使用该会员名<a href='https://login.taobao.com/member/login.jhtml' target='_blank'>登录</a>",
        ERROR_MALFORM_PASSWORD: "您的密码过于简单，请不要使用纯数字、纯字母或连续相同字符。",
        ERROR_PASSWORD_NOT_MATCH: "登录密码与再次输入密码不一致",
        ERROR_MALFORM_PASSWORD_TOO_SHORT: "密码太短，建议您的密码大于6个字符",
        ERROR_MALFORM_PASSWORD_TOO_LONG: "密码太长，建议您的密码小于16个字符",
        ERROR_MALFORM_EMAIL: "请输入正确格式的邮箱",
        ERROR_MALFORM_EMAIL_TOO_SHORT: "邮件地址太短",
        ERROR_FORBIDDEN_EMAIL: "&#24744;&#36755;&#20837;&#30005;&#23376;&#37038;&#31665;&#30340;&#37038;&#20214;&#26381;&#21153;&#21830;&#19981;&#33021;&#27491;&#24120;&#25910;&#21462;&#28120;&#23453;&#30340;&#31995;&#32479;&#37038;&#20214;,&#25512;&#33616;&#20351;&#29992;&lt;a href='http://mail.cn.yahoo.com/' target='_blank'&gt;&#38597;&#34382;&#37038;&#31665;&lt;/a&gt;",
        ERROR_DUP_EMAIL: "该电子邮箱已注册，请换用其他电子邮箱注册或用该电子邮箱<a href='${currentSite.schemaName}/login/index' target='_blank'>登录</a>",
		ERROR_MALFORM_MOBILE: "该手机号码不存在",
		ERROR_CELLPHONE_EXISTED: "该手机号码已注册，请换用其他手机号码注册或用该手机号码<a href='https://login.taobao.com/member/login.jhtml' target='_blank'>登录</a>",
		ERROR_CELLPHONE_MEMBER_FANGKE_ERROR: "该手机号码已注册为访客，请换用其他手机号码注册或用该手机号码进行访客<a href='https://login.taobao.com/member/login.jhtml?tag=1' target='_blank'>登录</a>,,在账号管理中升级为淘宝会员。",
        ERROR_UNDERLINE: "&#20250;&#21592;&#21517;&#39318;&#20301;&#21644;&#26411;&#20301;&#19981;&#33021;&#26159;&#19979;&#21010;&#32447;'_'",
        ERROR_MALFORM_NICK_NAME: "会员名不能全为数字，或包含非法字符",
        ERROR_PASSWORD_LIKE_NICK: "您的登录密码与会员名过于相似，为了您的安全建议您更换密码",
        ERROR_BANNED_WORDS: "会员名包含非法字符",
        ERROR_EMAIL_BLACKLIST: "系统调整，暂不接受此网站邮箱注册，请尝试使用其他网站邮箱。"
    };
    
	TRegister.stepOneInitialize({
		validateOnInit: true,
        alipay: false,
        userNameValidateUrl: "${currentSite.schemaName}/register/checkNick?",
        emailValidateUrl: "${currentSite.schemaName}/register/checkEmail?",
        passwordValidateUrl: "${currentSite.schemaName}/register/checkPassword?",
        checkCodeUrl: "${currentSite.schemaName}/register/checkcode?temp=" + Math.random(),
		changeCodeUrl: "${currentSite.schemaName}/skins/captcha/stickyCaptcha.jpg?temp=" + Math.random()
	});
    /*TB.app.reg.initialize({
        validateOnInit: true,
        alipay: true,
        userNameValidateUrl: "http://member1." + TB.bom.pickDocumentDomain() + "/member/checkNick.do",
        emailValidateUrl: "http://member1." + TB.bom.pickDocumentDomain() + "/member/checkEmail.do",
	phoneValidateUrl: "http://member1." + TB.bom.pickDocumentDomain() + "/member/checkCellphone.do",
        passwordValidateUrl: "http://member1." + TB.bom.pickDocumentDomain() + "/member/checkPassword.do",
        checkCodeUrl: 'http://regcheckcode.taobao.com/auction/checkcode?sessionID=4c5bef694c74e235b7072c812461f307',
	  changeCodeUrl: "http://regcheckcode.taobao.com/auction/checkcode?sessionID=5d8bf9d08560c0a18f3d0e20411e7fe9"
    });*/
</script>

	</@t.block>

</@t.extend>